<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/index6.css">
    <link rel="stylesheet" href="http://at.alicdn.com/t/c/font_3598568_m6681dzp56.css">
</head>
<body>
    <div class="warp">
        <header>
            <div class="box">
                <ul class="top">
                    <li>MY NAME IS TANG HANG YI</li>
                </ul>
                <ul class="top2">
                    <li><a href="../pages/index.html">首页</a></li>
                    <li><a href="../pages/index1.html">关于</a></li>
                    <li><a href="../pages/index2.html">资讯</a></li>
                    <li><a href="../pages/index3.html">产品</a></li>
                    <li><a href="../pages/index4.html">联系</a></li>
                    <li><a href="../pages/index5.html">招聘</a></li>
                    <li> <i class="iconfont icon-sousuo1"></i></li>
                </ul>
            </div>
            <div class="box1">
                <img src="../img/images/首页/06.png" alt="">
            </div>
        </header>

        <div class="box3">
            <div class="top3">全部产品</div>
            <div class="top3">最新产品</div>
            <div class="top3">成功案例</div>
        </div>

        <div class="box4">
            <div class="box2">
                <div class="img_box">
                    <ul>
                        <li><a href="javascript:void(0)"><img src="../img/images/产品/产品_03.png"></a></li>
                        <li><a href="javascript:void(0)"><img src="../img/images/产品/产品_03.png"></a></li>
                        <li><a href="javascript:void(0)"><img src="../img/images/产品/产品_03.png"></a></li>
                        <li><a href="javascript:void(0)"><img src="../img/images/产品/产品_03.png"></a></li>
                        <li><a href="javascript:void(0)"><img src="../img/images/产品/产品_03.png"></a></li>
                    </ul>

                </div>
                <div class="dot_box">
                    <span class="dot dotActive" data-index=1></span>
                    <span class="dot" data-index=2></span>
                    <span class="dot" data-index=3></span>
                    <span class="dot" data-index=4></span>
                    <span class="dot" data-index=5></span>
                </div>
            </div>
        </div>
        <main>
            <div class="box6">
                <div class="report">
                    <p>2018WPavilion展览设计公布! 西班牙女建筑师carme pinos创造则指</p>
                    <div class="time">
                        <h1>12</h1>
                        <p>—————</p>
                        <p>2018.10</p>
                    </div>
                </div>
                <div class="report">
                    <p>2018WPavilion展览设计公布! 西班牙女建筑师carme pinos</p>
                    <div class="time">
                        <h1>10</h1>
                        <p>—————</p>
                        <p>2018.10</p>
                    </div>
                </div>
            </div>
            <div class="box6">
                <div class="report">
                    <p>2018WPavilion展览设计公布! 西班牙女建筑师carme pinos创造则指</p>
                    <div class="time">
                        <h1>12</h1>
                        <p>—————</p>
                        <p>2018.10</p>
                    </div>
                </div>
                <div class="report">
                    <p>2018WPavilion展览设计公布! 西班牙女建筑师carme pinos</p>
                    <div class="time">
                        <h1>10</h1>
                        <p>—————</p>
                        <p>2018.10</p>
                    </div>
                </div>
            </div>
            <div class="box6">
                <div class="report">
                    <p>2018WPavilion展览设计公布! 西班牙女建筑师carme pinos创造则指</p>
                    <div class="time">
                        <h1>12</h1>
                        <p>—————</p>
                        <p>2018.10</p>
                    </div>
                </div>
                <div class="report">
                    <p>2018WPavilion展览设计公布! 西班牙女建筑师carme pinos</p>
                    <div class="time">
                        <h1>10</h1>
                        <p>—————</p>
                        <p>2018.10</p>
                    </div>
                </div>
            </div>
            <div class="box6">
                <div class="report">
                    <p>2018WPavilion展览设计公布! 西班牙女建筑师carme pinos创造则指</p>
                    <div class="time">
                        <h1>12</h1>
                        <p>—————</p>
                        <p>2018.10</p>
                    </div>
                </div>
                <div class="report">
                    <p>2018WPavilion展览设计公布! 西班牙女建筑师carme pinos</p>
                    <div class="time">
                        <h1>10</h1>
                        <p>—————</p>
                        <p>2018.10</p>
                    </div>
                </div>
            </div>
            <div class="box7">
                <button>加载更多</button>
            </div>
        </main>
        <footer>
            <h4>TANGHANYI HANYI</h4>
            <p>asdfghjklqwert tyuioop zxcvbn</p>
        </footer>
    </div>
    
    <script src="../js/index1.js"></script>
    <script>
        let c2 = new Carousel2(".box2");
        c2.init();
        console.log(c2);
    </script>
</body>
</html>